<template>

  <div class="all-full word-box">
    <iframe
      :src="'https://view.officeapps.live.com/op/view.aspx?src=' + fileData.url"
      :height="500"
      width="100%"
      frameborder="1"
      class="officeContainer"
    />
  </div>
</template>

<script>
import mixins from "./resourceShowMixins";

export default {
  mixins: [mixins],
  data () {
    return {
      fileData: {
        url: null,
        name: null
      },
      qp: false,
      browser: 0
    };
  },
  computed: {},
  created () {
  },
  methods: {
    show () {
      this.fileData = {
        url: this.coverImage(this.resource.resourceUrl),
        name: this.fileNameSplit(this.resource.name)
      };
    }
  }
};
</script>

<style lang="scss" scoped>
.word-box {
  width: 100%;
  height: 100%;
  ::v-deep .officeContainer {
    height: 100%;
    border: none;
  }
}
</style>
